@import "variables";
.crowd-detail-info{
  width:100%;
  margin-bottom:pxTorem(140);
  padding: pxTorem(28) pxTorem(30) pxTorem(20)  pxTorem(30);
  .crowd-info-title{
    width:100%;
    display: flex;
    justify-content:space-between;
    font-size: pxTorem(32);
    line-height: pxTorem(56);
    color: color($h5,c2);
    font-weight: bold;
    .crowd-name{
      flex-grow: 2;
      display: flex;
      align-items: center;
    }
    .crowd-status{
      flex-grow: 1;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
  .crowd-header{
    width:100%;
    line-height: pxTorem(56);
    font-size: pxTorem(30);
    color: color($h5,c3);
    .crowd-type{
      display: flex;
      p{
        flex-grow: 1;
      }
    }
    .activity-time{
      display: flex;
      .title{
        white-space: nowrap;
      }
      .times{

      }
    }
  }
  .times{
    font-size: pxTorem(28);
  }
  .crowd-annotation{
    width:100%;
    padding-top: pxTorem(12);
    font-size: pxTorem(32);
    line-height: pxTorem(54);
    .crowd-annotation-info{
      padding-bottom: pxTorem(15);
    }
    .crowd-image{
      margin-bottom:pxTorem(21);
      width:100%;

      seed-img{
        width: 100%;
        height: 100%;
        img{
          width:100%;
        }
      }
    }

  }
}



